<template>
	<view class="viewBack">
		<u-navbar title="案场统计" safeAreaInsetTop fixed placeholder bgColor='#3c9cff'>
			<view slot="left">
			
			</view>
		</u-navbar>
		<view class="wrapContent">
			<u-subsection :list="list" mode="subsection" :current="current1" @change="change1"></u-subsection>
		</view>
		<u-line></u-line>
		<statistical-data v-if="current1==0"></statistical-data>
		<performance-ranking v-if="current1==1"></performance-ranking>
		<change-condition v-if="current1==2"></change-condition>
	</view>
</template>

<script>
	import statisticalData from '@/components/fieldStatistics/statistical-data.vue';
	import performanceRanking from '@/components/fieldStatistics/performance-ranking.vue';
	import changeCondition from '@/components/fieldStatistics/change-condition.vue';
	export default {

		data() {
			return {
				show: true,
				list: ['统计数据', '业绩排名', '转换情况'],
				current1: 0,
			}
		},
		components: {
			statisticalData,
			performanceRanking,
			changeCondition
		},
		created() {
		},
		mounted() {
		},
		methods: {
			change1(index) {
				this.current1 = index
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrapContent {
		background: #fff;
		padding: 20rpx;
	}
</style>
